<template>
    <div class="footer">
        <el-row :gutter="10" class="footer_box">
            <el-col :xs="24":sm="12":md="12" :lg="12":x1="12">
                <div class="footer_left">
                    <el-row :gutter="10">
                        <el-col :xs="24":sm="12" :md="12":lg="12" :xl="12">
                            <img src="../img/wei.png" width="137px" height="137px">
                            <p>微信在线客服</p>
                        </el-col>

                        <el-col :xs="24":sm="12" :md="12" :lg="12" :xl="12">
                            <img src="../img/wei.png"width="137px" height="137px">
                            <p>移动端网站(手机)</p>
                        </el-col>
                    </el-row>
                </div>
        </el-col>
        <el-col :xs="24":sm="12" :md="12" :lg="12" :xl="12">
            <div class="footer_right">
                <h4>联系我们<span>Contact</span></h4>
                <el-row :gutter="10">
                    <el-col :xs="24":sm="12":md="12":lg="12":x1="12">
                        <p>地址:黑龙江省哈尔滨市西大直街xxxX号</p>
                        <p>邮编:1234567</p>
                        <p>电话:0451-12345678</p></el-col>
                        <el-col :xs="24":sm="12":md="12":lg="12":xl="12">
                            <p>手机:12345678912/19876543210</p>
                            <p>传真:0451-12345678</p>
                            <p>邮箱:xxxxxXX@163.com</p>
                        </el-col>
                    </el-row>
                </div>
        </el-col>
        </el-row>
    </div>

</template>
<script>
import {toRefs,reactive}from 'vue'
export default {
    setup(){
        const data=reactive({
            
        })
        return {
            ...toRefs(data)
        }
    },
}
</script>
<style scoped>

</style>